<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>纳晟文化传媒有限公司</title>
	<meta name="keywords" content="纳晟文化传媒有限公司">
	<meta name="description" content="纳晟文化传媒有限公司">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="favicon.ico">
	
	<!-- include main css -->
	<link rel="stylesheet" type="text/css" href="__STATIC__/style/css/slick.css"/>	
	<link rel="stylesheet" type="text/css" href="__STATIC__/style/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC__/style/css/jquery.mmenu.all.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC__/style/css/style.css"/>
	
	<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	
<div>
	<!--header-->
	<header class="header">
	    <section class="container">
	    	<a href="#mmenu" class="phone-nav glyphicon glyphicon-th-list"></a>
	    </section>  	
	    <div class="top">
	    	<div class="container clearfix">
	    		<div>
	    		</div>
	    		<div class="logo pull-left">
	    			<img src="__STATIC__/img/top2.jpeg" style="width:175px;height:50px;margin-top:50px;margin-bottom:15px;margin-left:70px;">
	    			<a href="index.html"><!--<img src="__STATIC__/style/images/tel.png" alt="" />--></a>
	    		</div>
	    		<div class="navwrap pull-right" style="margin-top:35px;">
	    			<div class="lwt-wrap">
	    				<!-- <span>
	    					<img src="__STATIC__/style/images/weixin.png" alt="" />
	    					<div class="erweima">
	    						<img src="__STATIC__/style/images/erweima.jpg" alt="" />
	    					</div>
	    				</span>
	    				<a class="toptel" href="#"><img src="__STATIC__/style/images/tel.png" alt="" />{//$addr['phone']}</a> -->
	    			</div>
	    			<ul class="nav">
	    				<li class="active"><a href="index.html">首页</a></li>
	    				<li>
	    					<a href="{:url('index/index/about')}">关于我们</a>
	    				</li>
	    				<li>
	    					<a href="{:url('serverlist')}">业务范围</a>
	    				</li>
	    				<li><a href="case.html">客户案例</a>
	    					<ul class="two">
	    						<?php 
	    							foreach ($server as $key => $vv) {
	    						?>	
	    							<li><a href="{:url('case')}?type={$vv['cn']}">{$vv['cn']}</a></li>
	    						<?php
	    							}
	    						?>
	    					</ul>
	    				</li>
	    				<li>
	    					<a href="{:url('index/index/wenti')}">纳晟新闻</a>
	    				</li>
	    				<li><a href="contact.html">联系我们</a></li>
	    			</ul>
	    		</div>
	    	</div>
	    </div>
	    
	    
	</header>
			
	<!--banner-->
	<section class="banner">
		<?php 
			foreach ($lunbo as $key => $value) {
		?>
			<div><a href="javascript:void(0)"><img src="{$value['img_1']}" alt="" /></a></div>
		<?php
			}
		?>
	</section>
	


	
		
</div>	

<!--业务范围 start-->
<div class="scope">
	<div class="container">
		<div class="tit">
			<span class="titspan1">SCOPE OF BUSINESS</span>
			<span class="titspan2"><img src="__STATIC__/style/images/titline.jpg" alt="" /><em>业务范围</em><img src="__STATIC__/style/images/titline.jpg" alt="" /></span>
		</div>
		<ul class="clearfix change_ul">
			<?php 
				foreach ($server as $key => $v) {
			?>
				<li>
					<div class="pic"><a href="{:url('case')}?type={$v['cn']}"><img class="vcenter" src="{$v['img']}" alt="" /></a></div>
					<a href="{:url('case')}?type={$v['cn']}" class="scopea">{$v['cn']}</a>
					<p>{$v['jianjie']}</p>
				</li>
			<?php
				}
			?>

		</ul>
	</div>
</div>
<!--业务范围 end-->

<!--index about start-->
<div class="inabout">
	<div class="container">
		<div class="tit">
			<span class="titspan1" data-scroll-reveal="enter top">COMPANY PROFILE</span>
			<span class="titspan2" data-scroll-reveal="enter bottom after 0.5s"><img src="__STATIC__/style/images/titline2.jpg" alt="" /><em>公司简介</em><img src="__STATIC__/style/images/titline2.jpg" alt="" /></span>
		</div>
		<div class="inabtxt" data-scroll-reveal="enter bottom over 1s and move 100px">
			<p>{$addr['desc']}</p>
		</div>
		<a data-scroll-reveal="enter bottom over 1s and move 300px after 0.3s" href="{:url('index/index/about')}" class="more">查看更多</a>
	</div>
</div>
<!--index about end-->

<!--index case start-->
<div class="incase">
	<div class="container">
		<div class="tit">
			<span class="titspan1" data-scroll-reveal="enter top">CUSTOMERS</span>
			<span class="titspan2" data-scroll-reveal="enter bottom after 0.5s"><img src="__STATIC__/style/images/titline.jpg" alt="" /><em>服务客户</em><img src="__STATIC__/style/images/titline.jpg" alt="" /></span>
		</div>
	</div>
	
	<div class="incasewrap" data-scroll-reveal="enter bottom over 1s and move 100px">
		<div><div class="demo">
			<div class="demo1">
				<?php 
					foreach ($client as $key => $value) {
				?>
					<div><a href="javascript:void(0)">
						<div class="pic">
							<img class="vcenter" src="{$value['client']}" border="0" />
						</div>
						<div class="zzc">
							<div class="casename">
								<span>{$value['name']}</span>
								<div class="line"></div>
							</div>
						</div>
						</a>
				   </div>
				<?php
					}
				?>


			</div>
		</div>
		</div>
	</div>
	<!--<a data-scroll-reveal="enter bottom after 0.5s" href="case.html" class="more">查看更多</a>-->
</div>
<!--index case end-->

<!--index news start-->
<div class="innews">
	<div class="container clearfix">
		<div class="innleft pull-left">
			<div class="pic pull-left"><img class="vcenter" src="__STATIC__/style/images/inn1.jpg" alt="" /></div>
			<div class="inntxt pull-right">
				<ul>
					<?php 
						foreach ($wenti as $key => $value) {
					?>
						<li><a href="{:url('wentidesc')}?id={$value['id']}">{$value['title']}</a><span>[ {:date('Y-m-d',$value['create_time'])} ]</span></li>
					<?php
						}
					?>
					
				</ul>
			</div>
		</div>
		<div class="innleft pull-left innright">
			<div class="pic pull-left"><img class="vcenter" src="__STATIC__/style/images/inn2.jpg" alt="" /></div>
			<div class="inntxt pull-right">
				<ul>
					<li>电话：<a href="tel:{$addr['phone']}">{$addr['phone']}</a></li>
					<li>邮箱：<a href="mailto:{$addr['email']}">{$addr['email']}</a></li>
					<li>QQ：<a href="tel:189 1234 0789">{$addr['qq']}</a></li>
					<li>地址：{$addr['addr']}</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!--index news end-->


<!--footer start-->
<div class="footer">
	<div class="container">
		<div class="fleft pull-left">
			<!-- <ul class="fnav clearfix">
				<li><a href="index.html">首页</a></li>
				<li><a href="about.html">关于我们</a></li>
				<li><a href="pro.html">业务范围</a></li>
				<li><a href="case.html">客户案例</a></li>
				<li><a href="strength.html">实力展现</a></li>
				<li><a href="news.html">新闻中心</a></li>
				<li><a href="contact.html">联系我们</a></li>
			</ul> -->
			<p>河南纳晟文化传媒有限公司<img src="__STATIC__/style/images/yu.png" alt="" /></p>
		</div>
		<div class="fright pull-right">
			<div class="friendlink pull-left">
			</div>
			<div class="erweima pull-right">
				<img src="__STATIC__/style/images/erweima.jpg" alt="" />
			</div>
		</div>
	</div>
</div>


<!--footer end-->

<!--移动端  Mmenu-->
<!-- 	<nav id="mmenu">
		<ul>
			<li><a href="index.html">首 页</a></li>
			<li><a href="about.html">关于我们</a>
				<ul>
					<li><a href="about.html">公司介绍</a></li>
				</ul>
			</li>
			<li><a href="pro.html">业务范围</a>
				<ul>
					<li><a href="pro.html">纸类印刷</a>
						<ul>
							<li><a href="pro.html">宣传册印刷</a></li>
							<li><a href="pro.html">广告用品印刷</a></li>
							<li><a href="pro.html">文具用品印刷</a></li>
							<li><a href="pro.html">名片贺卡印刷</a></li>
						</ul>
					</li>
					<li><a href="pro.html">包装与礼品</a></li>
					<li><a href="pro.html">海报与展架</a></li>
					<li><a href="pro.html">平面设计</a></li>
				</ul>
			</li>
			<li><a href="case.html">客户案例</a>
				<ul>
					<li><a href="case.html">纸类印刷</a>
						<ul>
							<li><a href="case.html">宣传册印刷</a></li>
							<li><a href="case.html">广告用品印刷</a></li>
							<li><a href="case.html">文具用品印刷</a></li>
							<li><a href="case.html">名片贺卡印刷</a></li>
						</ul>
					</li>
					<li><a href="case.html">包装与礼品</a></li>
					<li><a href="case.html">海报与展架</a></li>
					<li><a href="case.html">平面设计</a></li>
				</ul>
			</li>
			<li><a href="news.html">常见问题</a>
				<ul>
					<li><a href="news.html">公司新闻</a></li>
					<li><a href="news.html">行业动态</a></li>
				</ul>
			</li>
			<li><a href="contact.html">联系我们</a></li>
		</ul>
	</nav>	 -->







<!--Include Js-->
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<!--移动端导航-->
<script src="__STATIC__/style/js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>

<script src="__STATIC__/style/js/public.js" type="text/javascript" charset="utf-8"></script>

<!--slick-->
<script src="__STATIC__/style/js/slick.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	    $(function(){
	    	var li_num = $(".change_ul li").length;
//	    	console.log(li_num);
	    	if(li_num == 3){
	    		$(".change_ul li").css("width","31%");
	    	}
			$(window).resize(function() {
			    var get_width = $(window).width();
//			    console.log(get_width);
			    if(get_width <= 480){
//			    	console.log(1111);
			    	$(".change_ul li").css("width","100%");
			    }else{
			    	if(li_num == 3){
			    		$(".change_ul li").css("width","31%");
			    	}
			    }
			});
		    $('.banner').slick({
		        dots: true,
		        autoplay:true,
		        arrows:false,
		        autoplaySpeed:3000,
		    });
		    
		    $(".demo1").slick({
				dots:false,
				arrows:false,
				autoplay:true,
				slidesToShow:7,
				slidesToScroll:6,
				 responsive: [
					    {
					        breakpoint: 1200,
					        settings: {
					            slidesToShow: 5,
					            slidesToScroll: 5
					        }
					    },
					     {
					        breakpoint: 480,
					        settings: {
					            slidesToShow: 3,
					            slidesToScroll: 3
					        }
					    }
					    
                ]
			})
		    
		    $(".incasewrap").slick({
				fade: true,
				useTransform: true,
				arrows: false,
				draggable:false,
				asNavFor:".incasefl"
			})
			$(".incasefl").slick({
				focusOnSelect: true,
				slidesToShow: 7,
				useTransform: true,
				arrows: false,
				asNavFor:".incasewrap",
				responsive: [
					    {
					        breakpoint: 768,
					        settings: {
					            slidesToShow: 3,
					        }
					    },
					    {
					        breakpoint: 480,
					        settings: {
					            slidesToShow: 3,
					        }
					    }
					    
                ]
			});
		});
</script>

<!--placeholder-->
<script src="__STATIC__/style/js/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){ $('input, textarea').placeholder(); });
</script>
<script type="text/javascript" src="__STATIC__/style/js/scrollReveal.js"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
		window.scrollReveal = new scrollReveal({reset: true});
	})();
};
</script>

<!--<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->

</body>
</html>
